<template>
  <div class="container">
    <template v-if="mv.showst === 3">
      <p>{{mv.sc}}<span>分</span></p>
      <div>购票</div>
    </template>
    <template v-else>
      <p>{{mv.wish}}<span>人喜欢</span></p>
      <div class="pre-sale">预售</div>
    </template>
    </div>
  </div>
</template>
<script>
export default({
  props:{
    mv:Object
  }
})
</script>

<style lang="stylus" scoped>
  .container
    position relative
    display flex
    flex-direction column
    align-items center
    justify-content center
    width .6rem
    color #f3ad00
    p
      position absolute
      top 0
      font-size .18rem
      width 1.5rem
      text-align right
      width 100%
      span
        font-size .12rem
        transform scale(0.8)
    > div
      width .46rem
      height .28rem
      background #dd5042
      border-radius .04rem
      color #fff
      text-align center
      line-height .28rem
      margin-top .2rem
      &.pre-sale
        background #69afe5
</style>